<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格独有的属性</title>
    <style>
        table {
            border: green 1px solid;
            /* 调整表格的宽度 两个值:auto自动调整 fixed平均调整 */
            table-layout: fixed;
            /* 单元格之间的距离 前提:不合并表格 */
            border-spacing: 0px;
            /*是否 合并单元格 边框的颜色与单元格边框的颜色不想用的话 按单元格边框颜色 collapse合并  separate不合并 */
            border-collapse: collapse;
            /* 空内容的单元格是否隐藏 hide隐藏 show不隐藏 （表格边框不合并，才能显示出来） */
            empty-cells: hide;
            /* 标题的位置 bottom在表格下 top在表格上 */
            caption-side: top;
        }
        td,th {
            /* 单元格的边框 */
            border: solid orange 1px;
        }
    </style>
</head>
<body>
<table>
    <caption>员工的相关信息属性</caption>
    <thead>
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
        <th>政治面貌</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>18</td>
        <td>男</td>
        <td>党员</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>19</td>
        <td>女</td>
        <td>群众</td>
    </tr>
    <tr>
        <td>3</td>
        <td>王五</td>
        <td>20</td>
        <td>男</td>
        <td>共青团员</td>
    </tr>
    <tr>
        <td>4</td>
        <td>赵六</td>
        <td>21</td>
        <td>女</td>
        <td>党员</td>
    </tr>
    </tbody>
</table>
</body>
</html>